﻿<%@ page contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <!-- jsp文件头和头部 -->
    <%@ include file="../../system/admin/top.jsp" %>
    <!--实时查询页面-->
    <link rel="stylesheet" href="static/css/zcss/znow.css"/>
</head>
<body>
<div class="container">
    <!-- 查询输入 -->
    <form class="divline" action="cardinfo/now.do" name="Form" id="Form" method="post">
        <label for="msisdn">物联卡号：</label>
        <input type="text" id="msisdn" name="msisdn" placeholder="请输入查询的物联卡号"/>
        <p class="tips">${msg}</p>
        <button type="button">查询</button>
    </form>
    <!-- 查询结果 -->
    <div class="showdiv">
        <!--卡号显示-->
        <div class="cardshow">
            <span class="cardtit">查询卡号</span>
            <p id="cardtell"></p>
        </div>
        <!--线条显示-->
        <div class="lines"></div>
        <!--结果显示-->
        <div class="resultdiv">
            <!--卡状态-->
            <div class="zrdiv zone">
                <div class="zsmalldiv">
                    <span>当前卡状态：<u data-key="cardnow">${cmeb.userstatus}</u></span>
                </div>
            </div>
            <!--开关机状态-->
            <div class="zrdiv ztwo">
                <div class="zsmalldiv">
                    <span>开关机状态：<u data-key="offon">${cmeb.onoff}</u></span>
                </div>
            </div>
            <!--实时查询-->
            <div class="zrdiv zthree">
                <span>GPRS实时查询</span>
                <div>
                    <ul>
                        <li>GPRS状态：<i data-key="GRPS">${cmeb.gprsstatus}</i></li>
                        <li>IP：<i data-key="IPdata">${cmeb.ip}</i></li>
                        <li>apn接入点：<i data-key="apn">${cmeb.apn}</i></li>
                        <li>rat网络制式：<b data-key="rat">${cmeb.rat}</b></li>
                    </ul>
                </div>
            </div>
            <!--本月数据流量-->
            <div class="zrdiv zfour">
                <span>本月流量数据</span>
                <ul>
                    <li>短信：<b data-key="sms">${cmeb.smsused}&nbsp;条</b></li>
                    <li>流量：<b data-key="data">${cmeb.gprsused}</b></li>
                </ul>
            </div>
        </div>
        <!--结果显示结束-->
    </div>
    <!--查询结果结束-->
</div>
<script type="text/javascript">
    window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");
</script><!-- 引入 -->
<script type="text/javascript" src='static/js/zjs/znow.js'></script>
<script type="text/javascript">
    $(top.hangge());
</script>

</body>
</html>

